<template>
  <div>
    <Nichuan @nichuan="demo" />
    <hr />
    <Caokou>
      <h4 slot="caokou">哇哦哇哦哇哦哇哦</h4>
      <h3>哇哦哇哦哇哦哇哦</h3>
    </Caokou>
    <hr />
    <Ref />
    <hr>
    <Set/>
    <hr>
    <Smzqgouzi/>
    <hr>
    <Vuexx/>
    <hr>
    <Action/>
    <Geeter/>
  </div>
</template>

<script>
import Nichuan from "@/components/ceshi/nichuan.vue";
import Caokou from "@/components/ceshi/caokou.vue";
import Ref from "@/components/ceshi/ref.vue";
import Set from "@/components/ceshi/set.vue";
import Smzqgouzi from "@/components/ceshi/smzqgouzi.vue";
import Vuexx from "@/components/ceshi/vuexx.vue";
import Action from "@/components/ceshi/action.vue";
import Geeter from "@/components/ceshi/getter.vue";
export default {
  components: {
    Nichuan,
    Caokou,
    Ref,
    Set,
    Smzqgouzi,
    Vuexx,
    Action,
    Geeter
  },
  methods: {
    demo(text) {
      console.log(text);
    },
  },
};
</script>

<style>
</style>